<div class="parent-div">
    <div class="api-panel">
        <div class="api-column">
            Visibility
            <button onclick="setSideBarVisible(true)">setSideBarVisible(true)</button>
            <button onclick="setSideBarVisible(false)">setSideBarVisible(false)</button>
            <button onclick="isSideBarVisible()">isSideBarVisible()</button>
        </div>
        <div class="api-column">
            Open & Close
            <button onclick="openToolPanel('columns')">openToolPanel('columns')</button>
            <button onclick="openToolPanel('filters')">openToolPanel('filters')</button>
            <button onclick="closeToolPanel()">closeToolPanel()</button>
            <button onclick="getOpenedToolPanel()">getOpenedToolPanel()</button>
        </div>
        <div class="api-column">
            Reset
            <button onclick="setSideBar(['filters','columns'])">setSideBar(['filters','columns'])</button>
            <button onclick="setSideBar('columns')">setSideBar('columns')</button>
            <button onclick="getSideBar()">getSideBar()</button>
        </div>
        <div class="api-column">
            Position
            <button onclick="setSideBarPosition('left')">setSideBarPosition('left')</button>
            <button onclick="setSideBarPosition('right')">setSideBarPosition('right')</button>
        </div>
    </div>

    <div id="myGrid" class="grid-div"></div>
</div>
